/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
*/

.action-dialog {
  inline-size: 416px;
  padding: var(--spacing-20);
}

.action-dialog-title {
  @mixin font-paragraph;

  color: var(--color-gray100);
  font-weight: var(--font-weight-medium);
  margin-block-end: var(--spacing-8);
}

.action-dialog-description {
  @mixin font-paragraph;

  color: var(--color-gray80);
  margin-block-end: 0;
}

.action-dialog-actions {
  display: flex;
  gap: var(--spacing-16);
  justify-content: space-between;
  margin-block-start: var(--spacing-20);
}

.row-action {
  block-size: var(--spacing-32);
  padding: var(--spacing-8);

  &.active::ng-deep .t-content {
    color: var(--color-secondary90);

    &:hover {
      color: var(--color-secondary90);
    }
  }
}

.header-row-action {
  padding-inline-end: var(--spacing-8);
}

.action-column-header,
.action-column {
  align-items: center;
  block-size: 100%;
  display: flex;
  justify-content: flex-end;
}

.action-column {
  padding-block: var(--spacing-8);
}

tg-ui-dtable {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

tg-ui-dtable-row {
  --cells-layout: 1fr 1fr 140px;

  /* stylelint-disable-next-line selector-max-type */
  & > tg-ui-dtable-cell {
    transform: translateY(0%);
  }

  & > .countdown {
    transform: translateY(-100%);
  }
}

.countdown-wrapper {
  align-items: center;
  display: flex;
  gap: var(--spacing-24);
}

.countdown {
  background: var(--color-white);
  display: flex;
  inline-size: 100%;
  inset-block-start: 100%;
  inset-inline-end: 0;
  justify-content: flex-end;
  position: absolute;

  & button {
    text-decoration: underline;
  }
}

.action-undo {
  inset-block-start: 0;
  inset-inline-end: 0;
  position: absolute;
}

.undo {
  color: var(--color-info80);

  --color-secondary: currentcolor;
}
